<template>
  <div>
    <!-- <div class="aaa">
      <div class="ff">
        <a href="/blog">博客模块</a>
        <br />
        <a href="/chat">聊天室</a>
        <br />
        <a href="/individual">个人中心</a>
        <br />
        <a href="/others">其他模块</a>
        <br />
        <a href="/">返回</a>
        <br />
        <a href="/login">登录页</a>
      </div>
      <el-button type="success" round @click="changeState">改变state的值</el-button>
    </div> -->

    <router-view></router-view>
    <!-- <div id="blog"></div>
    <div id="chat"></div>
    <div id="individual"></div>
    <div id="others"></div> -->
  </div>
</template>
<script lang="ts" setup>
import stateChange from "./stateChangeConfig";
import router from "vue-router";
function changeState() {
  stateChange.setState({ name: "张三", age: 18 });
}

</script>

<style lang="scss" scoped>
$var: 150px;

.aaa {
  height: $var;
  background-color: black;
  color: rgb(65, 65, 202);
  font-weight: 700;

  .ff {
    display: flex;
    justify-content: center;
    overflow: hidden;

    a {
      margin: 5px 20px;
      color: aquamarine;
    }
  }
}
</style>
